<html>
<head>
<style>
.media {
	margin-top: 15px;
}

.media:first-child {
	margin-top: 0;
}

.media-right, .media>.pull-right {
	padding-left: 10px;
}

.media-left, .media>.pull-left {
	padding-right: 10px;
}

.media-left, .media-right, .media-body {
	display: table-cell;
	vertical-align: top;
}

.media-body {
	padding-left: 10px;
}

.media-middle {
	vertical-align: middle;
}

.media-bottom {
	vertical-align: bottom;
}

.media-heading {
	margin-top: 0;
	margin-bottom: 5px;
}

.media-list {
	padding-left: 0;
	list-style: none;
}

.alert-success {
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}

.alert {
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid transparent;
	border-radius: 4px;
}
</style>
</head>
<body>
	<div th:unless="${#lists.isEmpty(comments)}" th:remove="tag">
		<div class="panel-body">
			<div class="media" th:each="comment : ${comments}">
				<a class="media-left" th:href="${urls.url}+'/mgr/comment/uncheck'">
					<img th:src="${comment.gravatar == null ? urls.url+'/static/img/guest.png' : gravatarPrefix+comment.gravatar}"
					style="width: 64px; height: 64px" alt="...">
				</a>
				<div class="media-body">
					<h4 class="media-heading" th:if="${comment.parent == null}"
						th:text="${comment.nickname}+'评论了你'"></h4>
					<h4 class="media-heading" th:if="${comment.parent != null}"
						th:text="${comment.nickname}+'回复了你的评论'"></h4>
					<div th:if="${comment.parent != null}" class="alert alert-success">
						<p>您的评论为:</p>
						<p th:utext="${comment.parent.content}"></p>
					</div>
					<span th:utext="${comment.content}"></span>
					<p><strong>状态:</strong><span th:text="${messages.getMessage(comment.status.message)}"></span></p>
					<h5
						th:text="${#dates.format(comment.commentDate, 'yyyy-MM-dd HH:mm:ss')}"></h5>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
